<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		*{
			margin: 0px;
			padding: 0px;
			box-sizing: border-box;
			border: 2px solid yellow;
		}

		@media (min-width: 720px){
			.container{
				max-width: 920px;
				margin: 0 auto;
			}

			.xbs-1{
				width: 8.333333%;
			}
			.xbs-2{
				width: 16.66666%;
			}
			.xbs-3{
				width: 25%;
			}
			.xbs-4{
				width: 33.333333%;
			}
			.xbs-5{
				width: 41.66666%;
			}
			.xbs-6{
				width: 50%;
			}
			.xbs-7{
				width: 58.333333%;
			}
			.xbs-8{
				width: 66.66666%;
			}
			.xbs-9{
				width: 75%;
			}
			.xbs-10{
				width: 83.333333%;
			}
			.xbs-11{
				width: 91.6666%;
			}
			.xbs-12{
				width: 100%;
			}

			.xbs-1,.xbs-2,.xbs-3,.xbs-4,.xbs-5,.xbs-6,.xbs-7,.xbs-8,.xbs-9,.xbs-10,.xbs-11,.xbs-12{
				float: left;
			}
			
		}

		@media (max-width: 720px){
			.hide{
				display: none;
			}
		}

		.container{
			width: 100%;
			margin: 0 auto;
		}
		.left{
			background: red url() 0 0 no-repeat;
		}
		.right{
			background: blue url() 0 0 no-repeat;
		}

	</style>
</head>
<body>
	<div class="container">
		<div class="xbs-12 left">
			
			<div class="xbs-6">
				学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思
			</div>
			<div class="xbs-6">
				学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思
			</div>
		</div>
		<div class="xbs-12">
			<div class="xbs-4 right">
			学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思
			</div>
			<div class="xbs-4 right">
				学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思
			</div>
			<div class="xbs-4 right">
				学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思
			</div>
		</div>
		<div class="xbs-12">
			<div class="xbs-8 right">
			学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思学并思
			</div>
			<div class="xbs-4 right hide">
				flgih dsfghlsk dfjg lksdfjg lk sj dfl;kjsd flkgjslkdfj gl ksdfjglk sdjfg lksjdf gljsflgjslk
			</div>
		</div>
		
	</div>
</body>
</html>